Channel: Clever Programmer

Category: Education

Tags: codingcleverprogrammersoftware developmentreact jsprogrammerdeveloperweb developmenttutorialsoftware developerprogrammingjavascript

Description: In this tutorial, you're gonna be building the CoinMarketCap Blockchain Web 3.0 App using Moralis, Solidity, Next JS, Netlify and Tailwind CSS 🔥 ✅ Create your account on Moralis 👉 t.moralis.io/clever 🌐 Create your account on Netlify 👉 ntl.fyi/clever 🔗 GitHub Repo: github.com/CleverProgrammers/coinmarketcap-clone-youtube 🗄️ Link to the assets: drive.google.com/drive/folders/1QkbLUUKBrm4makgDchhO6Qw-2EY9N81E?usp=sharing 🤑 Rinkeby Faucet, to cover your transaction fees: faucets.chain.link You'll be learning about: 👉 Building a Web 3.0 Application on the Ethereum Blockchain 👉 Styling your app using Tailwind CSS 👉 Storing data using the Moralis database 👉 Writing smart contract in Rust (Anchor framework) 👉 Adding Web 3.0 authentication using MetaMask Buckle up, buttercup 🚀 Timestamps⏰ 00:00:00 - Intro 00:01:05 - Demo of the Coinbase Web 3.0 Dapp 00:04:15 - Create Next App 00:05:45 - How to Set Up & Deploy to Netlify 00:10:05 - What is Moralis? 00:10:51 - How to Set Up Moralis 00:12:08 - Start Building the Coinmarketcap Dapp 00:15:50 - Create Header 00:26:46 - Connect Wallet using Moralis 00:49:38 - Build Homepage Top Part 01:05:33 - Pull Real Data using the Coinmarketcap API 01:16:26 - Build Coins Data Table using Real-Time Crypto Data 01:51:32 - Build Coin Data Page 03:32:06 - Set up Hardhat Project (Prepare Smart Contract) 03:40:42 - Create Smart Contract (Convert Coins) 03:36:36 - Deploy Smart Contract using Moralis' Speedy Nodes 03:56:04 - Update Context to use Dynamic Data 04:13:37 - Set Up Moralis DB 04:15:51 - Add Swap Coins Functionality 04:33:35 - Build Real Time Decentralized Chat Using Gun.js 04:48:58 - Deploy to Netlify & Outro ======================================================= 👨‍👩‍👧‍👦 Join our Discord Community: cleverprogrammer.com/discord 🚀 Join Profit with React: cleverprogrammer.com/pwr?utm_source=youtube&utm_medium=yt-description&utm_campaign=yt-build&utm_content=8-apr-facebook-web3-clone 🐦 Follow me on Twitter: twitter.com/cleverqazi 📸 Follow me on Instagram: instagram.com/cleverqazi #web3 #frontend #blockchaindeveloper